<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>普惠商城-个人中心</title>
	<style type="text/css">
		.personal_middle_main_box{
			background: none;
		    border: none;
		}
	</style>
</head>
<body>
	
	<!-- 顶部导航条开始 -->
	<div  th:include="personal/personalhead::order-personalhead-nav"></div>
	<!-- 顶部导航条结束 -->
	<!-- 顶部搜索栏部分开始 -->
	<div  th:include="personal/personalsearch::order-personalsearch-nav"></div>
	<!--个人中心中间主体框架  -->
	<div class="centerbody personal_middle">
		<!-- 左侧通用导航栏 -->
		<div class="personal_middle_nav" th:include="commonfragment::order-left-menu-nav"></div>
		<div class="personal_middle_main">
			<div class="personal_middle_main_tit">
				<span>会员首页</span>
			</div>
			<div class="personal_middle_main_box personal">
			<div class="personal_1">
				<div class="personal_info">
					<img th:src="@{/images/avatar.png}" alt="">
					<div style="float: left;">
						<p style="margin-bottom: 15px;"><span style="display: inline-block;font-size: 18px;font-weight: bold;color:#3f3f3f;">普惠会员</span><span class="personal_info_status">实</span></p>
						<p style="margin-bottom: 20px;"><span>普通会员（<a href="">升级VIP会员</a>）</span></p>
						<p><span>余额：</span>
						<span class="num_bold">¥1000.00</span>
						<span>积分：</span>
						<span class="num_bold">10000</span>
						<span>收益：</span>
						<span class="num_bold">¥1000.00</span></p>
					</div>


					
				</div>
				<div class="personal_ico">
					<div class="ico_box">
						<p>
							<span class="ico-box box-left">
								<img th:src="@{/images/购物车.png}" alt="">
								<span>购物车</span>
								<span class="ico_num">5</span>
							</span>
							<span class="ico-box box-right">
								<img th:src="@{/images/待付款.png}" alt="">
								<span>待付款</span>
								<span class="ico_num">0</span>
							</span>
						</p>
						<p>
							<span class="ico-box box-left">
								<img th:src="@{/images/待发货.png}" alt="">
								<span>待发货</span>
								<span class="ico_num">5</span>
							</span>
							<span class="ico-box box-right">
								<img th:src="@{/images/待收货.png}" alt="">
								<span>待收货</span>
								<span class="ico_num">0</span>
							</span>
						</p>
					</div>
				</div>
			</div>
			<div class="personal_2">
				<div class="p2_tit">我的订单<a href="普惠商城-个人中心-订单中心-线上订单.html" class="p_tit_link">查看全部订单></a></div>
				<ul class="personal1">
					<li>
						<img th:src="@{/images/图层-10.png}" alt="" class="p2_box">
						<img src="" alt="" class="p2_box p2_hidden">
						<img src="" alt="" class="p2_box p2_hidden">
						<span class="p2_box p2_hidden">……</span>
						<span class="p2_border p2_stance_1">联系人</span>
						<span class="p2_border p2_stance_2">
							<p style="color: #cd5041;">¥99.00</p>
							<p>余额支付</p>
						</span>
						<span class="p2_border p2_stance_3">2017-3-27 19:24:15</span>
						<span class="p2_border p2_stance_4">已完成</span>
						<a href="普惠商城-个人中心-订单中心-线上订单-订单详情.html" class="p2_border">查看订单详情</a>	
					</li>
					<li><img th:src="@{/images/图层-10.png}" alt="" class="p2_box ">
						<img th:src="@{/images/图层-10.png}" alt="" class="p2_box ">
						<img th:src="" alt="" class="p2_box p2_hidden">
						<span class="p2_box p2_hidden">……</span>
						<span class="p2_border p2_stance_1">联系人</span>
						<span class="p2_border p2_stance_2">
							<p style="color: #cd5041;">¥99.00</p>
							<p>余额支付</p>
						</span>
						<span class="p2_border p2_stance_3">2017-3-27 19:24:15</span>
						<span class="p2_border p2_stance_4">已完成</span>
						<a href="普惠商城-个人中心-订单中心-线上订单-订单详情.html" class="p2_border">查看订单详情</a>	</li>
					<li><img th:src="@{/images/图层-10.png}" alt="" class="p2_box ">
						<img th:src="@{/images/图层-10.png}" alt="" class="p2_box ">
						<img th:src="@{/images/图层-10.png}" alt="" class="p2_box ">
						<span class="p2_box">……</span>
						<span class="p2_border p2_stance_1">联系人</span>
						<span class="p2_border p2_stance_2">
							<p style="color: #cd5041;">¥99.00</p>
							<p>余额支付</p>
						</span>
						<span class="p2_border p2_stance_3">2017-3-27 19:24:15</span>
						<span class="p2_border p2_stance_4">已完成</span>
						<a href="普惠商城-个人中心-订单中心-线上订单-订单详情.html" class="p2_border">查看订单详情</a>	</li>
				</ul>
				<div class="personal2">
					<img th:src="@{/images/暂无内容.png}" alt="">
					<p>您还没有任何订单，快去商城逛逛吧！</p>
				</div>
			</div>
			<div class="personal_3">
				<div class="p3_tit">我的购物车<a href="" class="p_tit_link">查看更多></a></div>
				<ul style="margin-left:15px;margin-top: -20px;" class="personal1">
					<li>
					 <img th:src="@{/images/图层-826.png}" alt="">
					 <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					 <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					  <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					 <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					  <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					 <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					 <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					  <p class="p3_price">¥409</p>
					</li>
				</ul>
				<div class="personal2">
					<img th:src="@{/images/暂无内容.png}" alt="">
					<p>您还没有任何订单，快去商城逛逛吧！</p>
				</div>
			</div>
			<div class="personal_4">
				<div class="p3_tit">我的浏览<a href="" class="p_tit_link">查看更多></a></div>
				<ul style="margin-left:15px;margin-top: -20px;">
					<li>
					 <img th:src="@{/images/图层-826.png}" alt="">
					 <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					 <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					  <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					 <p class="p3_price">¥409</p>
					</li>
					<li>
					  <img th:src="@{/images/图层-826.png}" alt="">
					  <p>西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</p>
					  <p class="p3_price">¥409</p>
					</li>
				</ul>	
			</div>
			</div>
		</div>
		<div style="clear:both;"></div>
	</div>
	<!-- 页面底部 -->
	<div th:include="footer::footer"></div>

</body>
<script th:inline="javascript">
	$(function(){
	// // 个人中心2：我的订单 我的购物车无内容显示
	// $('.personal1').css('display','none');
	// $('.personal2').css('display','block');
	// $('.personal_2').css('height','480px');
	// $('.personal_3').css('height','480px');
	// 个人中心：我的订单 我的购物车有内容显示
	$('.personal2').css('display','none');
	$('.personal1').css('display','block');
	})
</script>
</html>